<!DOCTYPE html>
<html id="bg">

<head>
    <%- include('./include/head', { siteTitle: themeConfig.siteName }) %>
</head>

<body>
    <%- include('./include/header') %>
        <div id="main">
            <div id="usercard">
                <ul>
                    <li class="lite-item">
                        <div class="card-bg"></div>
                        <div class="card-info">
                            <%if (site.customConfig.avatar_ != ""){%>
                                <img alt="<%= themeConfig.siteName %>" src="<%=site.customConfig.avatar_ %>" srcset="<%=site.customConfig.avatar_ %> " class="avatar" style="height: 100px;">
                                <%}else{%>
                                    <img alt="<%= themeConfig.siteName %>" src="<%= themeConfig.domain %>/images/avatar.png?v=<%= site.utils.now %>" srcset="<%= themeConfig.domain %>/images/avatar.png?v=<%= site.utils.now %>" class="avatar" style="height: 100px;">
                                    <%}%>
                                        <span class="card-info-block card-info-name"><%= themeConfig.siteName %>&nbsp;<i
                                class="Card Card-certify"></i></span>
                                        <span><%- themeConfig.siteDescription %></span>
                        </div>
                        <div class="catch-me">
                            <a data-content="rss" data-balloon-pos="up" target="_blank" href="<%= themeConfig.domain %>/atom.xml"><i class="fa fa-rss"></i></a>
                            <% ['send'].forEach((item) => { %>
                                <% if (site.customConfig[item]) { %>
                                    <a data-content="Telegram" data-balloon-pos="up" target="_blank" href="<%= site.customConfig[item] %>"><i class="fa fa-<%= item %>"></i></a>
                                    <% } %>
                                        <% }); %>
                                            <% ['twitter', 'facebook', 'github', 'linkedin', 'youtube','instagram','weibo','qq'].forEach((item) => { %>
                                                <% if (site.customConfig[item]) { %>
                                                    <a data-content="<%= item %>" data-balloon-pos="up" target="_blank" href="<%= site.customConfig[item] %>"><i class="fa fa-<%= item %>"></i></a>
                                                    <% } %>
                                                        <% }); %>
                                                            <% ['bilibili','zhihu','wechat'].forEach((item) => { %>
                                                                <% if (site.customConfig[item]) { %>
                                                                    <a data-content="<%= item %>" data-balloon-pos="up" target="_blank" href="<%= site.customConfig[item] %>"><i class="Card Card-<%= item %>"></i></a>
                                                                    <% } %>
                                                                        <% }); %>
                        </div>
                    </li>
                </ul>
            </div>
            <div>
                <div id="main-part">
                    <ul class="posts-list">
                        <%- include('./include/post-list') %>
                    </ul>
                    <div class="lite-item">
                        <% if (pagination.prev) { %>
                            <span id="btnStyle" style="display: inline-block;width: 50%;text-align: center;font-size: 14px;float: left;padding: 15px;border-top-left-radius: 5px;" onclick="javascript:top.location='<%= pagination.prev %>'"> &#x4E0A;&#x4E00;&#x9875;</span>
                            <% }else{ %>
                                <span style="display: inline-block;width: 50%;text-align: center;font-size: 14px;float: left;padding: 15px;border-top-left-radius: 5px;">&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                <%}%>
                                    <% if (pagination.next) { %>
                                        <span id="btnStyle" style="display: inline-block;width: 50%;text-align: center;font-size: 14px;padding: 15px;border-top-right-radius: 5px;" onclick="javascript:top.location='<%= pagination.next %>'">&#x4E0B;&#x4E00;&#x9875;</span>
                                        <% }else{%>
                                            <span style="display: inline-block;width: 50%;text-align: center;font-size: 14px;padding: 15px;border-top-right-radius: 5px;">&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                            <%}%>
                    </div>
                </div>
                <%- include('./include/sidebar') %>
            </div>
        </div>
</body>
<%- include('./include/footer') %>

</html>